 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
  <head>
    <base href="<%=basePath%>">
    <title>istudy</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
    <%@ include file="/common/importJsCss.jsp" %>  
  </head>
  <body>
    <ul class="nav nav-tabs" id="myTab">  
      <li class="active"><a href="#font-tab">前台</a></li>
      <li ><a href="#other-tab">other</a></li>
    </ul>
    <div class="tab-content">
      <div class="tab-pane snippet-index active" id="font-tab">
        <div class="col">
          <div id="gaDebug" class="product">
            <h2><font class="tooltip-test" title="gaDebug" >gaDebug</font><i class="icon-globe" title="gaDebug" data-content="<a href='http://getfirebug.com/wiki/index.php/Command_Line_API'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="product/font/gaDebug/log.jsp" >日志log</a><i class="icon-eye-open"></i></li>
                  <li><a href="product/font/gaDebug/variable.jsp" >查看js变量值</a><i class="icon-eye-open"></i></li>
                  <li><a href="product/font/gaDebug/commandLine.jsp" >使用commandLine</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="other" class="product">
            <h2>other</h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="product/font/other/consoleStandard.jsp" >使用console的标准页面</a><i class="icon-eye-open"></i></li>
                  <li><a href="product/font/other/listMenuShow.jsp" >snippet列表展示</a><i class="icon-eye-open"></i></li>
                  <li><a href="product/font/jbpmDesign/demo.jsp" >流程设计器</a><i class="icon-eye-open"></i></li>
                  <li><a href="product/font/inettuts/demo.jsp" >拖动模块设计</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="jQuery" class="snippets">
            <h2>jQuery</h2>
            <ul>
              <li><h3>技巧</h3>
                <ul>
                  <li><a href="snippets/font/jquery/stopHref.jsp" >阻止超链接跳转</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
              <li><h3>扩展</h3>
                <ul>
                  <li><a href="snippets/font/json/json.jsp" class="tooltip-test" title="jquery.json-2.3.min.js(2.3)">json的转换</a><i class="icon-eye-open"></i><i class="icon-globe" title="jquery.json-2.3.min.js" data-content="<a href='http://code.google.com/p/jquery-json/'>1.Official Website</a><a class='popover-test-close' href='#'>&times;</a>"></i></li>
                </ul>
              </li>
              <li><h3>高级</h3>
                <ul>
                  <li><a href="snippets/font/mustache/hello.jsp" class="tooltip-test" title="mustache.js(0.7.0)">健壮的模板引擎</a><i class="icon-eye-open"></i><i class="icon-globe" title="mustache.js" data-content="<a href='https://github.com/janl/mustache.js#readme'>1.Official Website</a><a class='popover-test-close' href='#'>&times;</a>"></i></li>
                  <li><a href="snippets/font/maskedinput/hello.jsp" class="tooltip-test" title="jquery.maskedinput-1.3.1.js(1.3.1)">表单格式化输入</a><i class="icon-eye-open"></i><i class="icon-globe" title="jquery.maskedinput-1.3.1.js" data-content="<a href='https://github.com/digitalBush/jquery.maskedinput'>1.Official Website</a><a class='popover-test-close' href='#'>&times;</a>"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="解析jQuery" class="snippets">
            <h2>解析jQuery</h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/jquery-analysis/hello.jsp" >第一个程序</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/prototype.jsp" >扩展原型</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/member.jsp" >属性,方法</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/structureUnRun.jsp" >结构,但无法运行</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/structureRun.jsp" >结构,能运行</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/selector.jsp" >选择器</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/iteration.jsp" >迭代器</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/notSeparatedScope.jsp" >未分隔作用域</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/separatedScope.jsp" >分隔作用域</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/across.jsp" >跨域访问</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/extend.jsp" >扩展</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/parameter.jsp" >参数处理</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/jquery-analysis/nameSpace.jsp" >命名空间</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
      </div>
        <div class="col">
          <div id="javascript" class="snippets">
            <h2>javascript</h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/javascript/class.jsp" >类</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/javascript/object.jsp" >对象</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/javascript/type.jsp" >判断-数据类型</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/javascript/defineVar.jsp" >判断-变量是否定义</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/javascript/closures.jsp" >闭包</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/javascript/complexJson.jsp" >复杂的json处理</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/javascript/onload.jsp" >加载完成</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/javascript/href.jsp" >跳转路径问题</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/javascript/regExp.jsp" >正则表达式</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="CSS" class="snippets">
            <h2>CSS</h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/css/float.jsp" >两个元素并排在一行</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/css/floatOfSimpleUl.jsp" >简单列表元素左右排在一行</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/css/floatOfComplexUl.jsp" >复杂列表元素左右排在一行</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="bootstrap" class="snippets">
            <h2><font class="tooltip-test" title="bootstrap.min.js(2.1.1)" >bootstrap</font><i class="icon-globe" title="bootstrap.min.js" data-content="<a href='http://twitter.github.com/bootstrap/index.html'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/bootstrap/code.jsp" >美化源代码</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/bootstrap/icon.jsp" >使用图标</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/bootstrap/toolTip.jsp" >简单提示信息</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/bootstrap/popover.jsp" >丰富提示信息</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/bootstrap/tab.jsp" >tab示例</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="validation" class="snippets">
            <h2><font class="tooltip-test" title="bootstrap-validation.min.js(2012-6-16)" >validation</font><i class="icon-globe" title="bootstrap-validation.min.js" data-content="<a href='https://github.com/FateSheep/Validation-for-Bootstrap'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/validation/hello.jsp" >简单</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="taffydb" class="snippets">
            <h2><font class="tooltip-test" title="taffy.js(2.6.1)" >taffydb</font><i class="icon-globe" title="taffy.js" data-content="<a href='http://taffydb.com/'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/taffydb/hello.jsp" >查询json数据库</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="spahql" class="snippets">
            <h2><font class="tooltip-test" title="spahql-min.js(2012-5-19)" >spahql</font><i class="icon-globe" title="spahql-min.js" data-content="<a href='http://angryamoeba.co.uk/spahql-announce/'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/spahql/hello.jsp" >json查询语句</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="fancyBox" class="snippets">
            <h2><font class="tooltip-test" title="jquery.fancybox.pack.js(1.3.4)" >fancyBox</font><i class="icon-globe" title="jquery.fancybox.pack.js" data-content="<a href='http://fancybox.net/'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/fancyBox/showIframe.jsp" >打开iframe</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="amplify" class="snippets">
            <h2><font class="tooltip-test" title="amplify.min.js(1.1.0)" >amplify</font><i class="icon-globe" title="amplify.min.js" data-content="<a href='http://amplifyjs.com'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3>请求</h3>
                <ul>
                  <li><a href="snippets/font/amplify/request/define.jsp" >模块化ajax请求</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/amplify/request/persist.jsp" >持久化请求结果</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/amplify/request/resetful.jsp" >url组装</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/amplify/request/post.jsp" >post方式提交</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/amplify/request/dataMaps.jsp" >传递数据</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/amplify/request/decoder.jsp" >返回数据,decoder不分离</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/amplify/request/decoders.jsp" >返回数据,decoder分离</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
              <li><h3>数据存储</h3>
                <ul>
                  <li><a href="snippets/font/amplify/store/hello.jsp" >示例</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
              <li><h3>事件注册,调用</h3>
                <ul>
                  <li><a href="snippets/font/amplify/pubSub/hello.jsp" >示例</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="knockout" class="snippets">
            <h2><font class="tooltip-test" title="knockout-2.1.0.js(2.1.0)" >knockout</font><i class="icon-globe" title="knockout-2.1.0.js" data-content="<a href='http://knockoutjs.com/'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/knockout/hello.jsp" >第一个例子</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/knockout/showList.jsp" >列表展示</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/knockout/editList.jsp" >编辑列表</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/knockout/ajaxMailBox.jsp" >邮箱例子</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="davis" class="snippets">
            <h2><font class="tooltip-test" title="davis.min.js(2012-9-1)" >davis</font><i class="icon-globe" title="davis.min.js" data-content="<a href='https://github.com/olivernn/davis.js'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/davis/hello.jsp" >示例</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
      </div>
        <div class="col">
          <div id="doT" class="snippets">
            <h2><font class="tooltip-test" title="doT.min.js(0.2.0)" >doT</font><i class="icon-globe" title="doT.min.js" data-content="<a href='http://olado.github.com/doT/'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/doT/browsersample.jsp" >官方示例</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/doT/hello.jsp" >开始-遍历数组节点</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/doT/treeData.jsp" >遍历带pid的数组节点</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="jquery-ui" class="snippets">
            <h2><font class="tooltip-test" title="jquery-ui.min.js(1.8.4)" >jquery-ui</font><i class="icon-globe" title="jquery-ui.min.js" data-content="<a href='http://olado.github.com/doT/'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/jquery-ui/modal-form.jsp" >表单对话框弹出</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="mockjax" class="snippets">
            <h2><font class="tooltip-test" title="jquery.mockjax.js(2012.9.27)" >mockjax</font><i class="icon-globe" title="jquery.mockjax.js" data-content="<a href='https://github.com/appendto/jquery-mockjax'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/mockjax/hello.jsp" >ajax本地响应</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/font/mockjax/url.jsp" >对url的匹配</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="moment" class="snippets">
            <h2><font class="tooltip-test" title="moment.min.js(1.7.0)" >moment</font><i class="icon-globe" title="moment.min.js" data-content="<a href='http://momentjs.com'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/font/moment/hello.jsp" >时间格式化</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
      </div>
      </div>
      <div class="tab-pane snippet-index " id="other-tab">
        <div class="col">
          <div id="node.js" class="snippets">
            <h2><font class="tooltip-test" title="node.js(v0.8.12)" >node.js</font><i class="icon-globe" title="node.js" data-content="<a href='http://nodejs.org/'>1.&#x5B98;&#x7F51;</a><a class='popover-test-close' href='#'>&times;</a>"></i></h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#helloWorld"  target="blank">第一个程序</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#httpServer"  target="blank">http server</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#router"  target="blank">带路由功能</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#requestHandlers"  target="blank">可配置映射</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#return"  target="blank">得到返回值</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#blockTest"  target="blank">阻塞测试</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#errorUseNotBlock"  target="blank">错误使用非阻塞模式</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#rightUseNotBlock"  target="blank">正确使用非阻塞模式</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#blockTestOfRightUseNotBlock"  target="blank">正确使用阻塞模式的阻塞测试</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#post"  target="blank">post提交</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#formidable"  target="blank">formidable插件</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/nodeJs/nodeJs.jsp#postImg"  target="blank">post提交图片</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
          <div id="chrome插件" class="snippets">
            <h2>chrome插件</h2>
            <ul>
              <li><h3></h3>
                <ul>
                  <li><a href="snippets/other/chrome/chrome.jsp#hello"  target="blank">第一个程序</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/chrome/chrome.jsp#browserAction"  target="blank">扩展实例</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/chrome/chrome.jsp#optionsPages"  target="blank">选项页面</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/chrome/chrome.jsp#overridePages"  target="blank">重置页面</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/chrome/chrome.jsp#pageActions"  target="blank">地址栏图标</a><i class="icon-eye-open"></i></li>
                  <li><a href="snippets/other/chrome/chrome.jsp#bookmarks"  target="blank">书签</a><i class="icon-eye-open"></i></li>
                </ul>
              </li>
            </ul>    
          </div>      
      </div>
      </div>
    </div>  
  </body>
</html>
